body{margin:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000;color:#0f0;font-family:Courier New,Courier,monospace;font-size:3rem;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0;overflow:hidden;position:relative;padding:0 20px}@keyframes matrixRain{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1}to{opacity:0;transform:translateY(100%)}}.rain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.rain span{position:absolute;color:#0f0;font-size:1.5rem;font-family:Courier New,Courier,monospace;animation:matrixRain linear infinite;animation-duration:calc(2s + 2s * var(--speed));opacity:0}.rain span{animation-delay:calc(-2s * var(--speed))}.text-container{position:relative;z-index:1;background-color:#000c;padding:20px 40px;font-size:3rem}@media (max-width: 768px){body{font-size:2rem;padding:0 10px}.text-container{font-size:2rem;padding:15px 30px}.rain span{font-size:1.2rem}}@media (max-width: 480px){body{font-size:1.5rem}.text-container{font-size:1.5rem;padding:10px 20px}.rain span{font-size:1rem}}